<!doctype html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>图片压缩方法</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
        [v-cloak] {
            display: none;
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        body {
            margin: 1px;
        }
        .step{
            padding:0 4px;
            margin-top: 25px;
        }
        p{
            margin:20px auto;
            text-indent:10px;
            padding-left: 5px;
            font-size: 25px;
        }
        .imgs{
            width:740px;
            height:100%;
            padding:0 4px;
        }
        .imgs img{
            width:auto;
            height:auto;
            max-width: 100%;
            max-height:100%;
        }
        .tit{
            color: red;
        }
        a{
            text-decoration: none;
            color: #2a8cec;
            font-size: 25px;
        }
    </style>
<body>
<section class="content" id="app" style="padding: 0 4px;">
    <div class="step">
        <a href="" download="">下载评估拍照模板</a>
        <p class="tit">第一步:</p>
        <p>将拍好的照片按照模板要求，放入对应的框子里。</p>
        <p class="tit">第二步:</p>
        <p>单击选中一张图片。</p>
        <div class="imgs"><img src="/dist/img/a1.png" alt=""></div>
        <p class="tit">第三步:</p>
        <p>点击格式中的压缩图片。</p>
        <div class="imgs"><img src="/dist/img/a2.png" alt=""></div>
        <p class="tit">第四步:</p>
        <p>弹出对话框，去掉（仅应用于此图片）上的勾，选中（电子邮件（96ppi）尽可能缩小以便共享），然后点确定。</p>
        <div class="imgs"><img src="/dist/img/a3.png" alt=""></div>
        <p class="tit">第五步:</p>
        <p>点击菜单栏中的保存文件按钮，完成。</p>
        <div class="imgs"><img src="/dist/img/a4.png" alt=""></div>
        <p class="tit">对比:</p>
        <p>将压缩后的文件发送到邮箱。</p>
        <div class="imgs"><img src="/dist/img/a5.png" alt=""></div>
        <div class="imgs"><img src="/dist/img/a6.png" alt=""></div>
    </div>


</section>
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<script type="text/javascript">
    (function () {
        var scale = (screen.width / 750).toFixed(2);
        document.write('<meta name="viewport" content="width=750,minimum-scale = ' + scale + ',maximum-scale = ' + scale + ' ,target-densitydpi=device-dpi"/>');
    })();
</script>

</body>
</html>
